<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {},
});
</script>
<!-- Teleport 是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似于 React 的 Portal。 
主要解决的问题 因为Teleport节点挂载在其他指定的DOM节点下，完全不受父级style样式影响
常用于一些全屏控件-->
<template>
  <!-- to 表示插入的位置 可以是html标签 id 类选择器 -->
  <div
    v-show="true"
    style="position: absolute; right: 0; top: 10px; background-color: skyblue"
  >
    父级标签
    <teleport to="#modal">
      <div>teleport标签</div>
    </teleport>
  </div>
</template>
